<template>
	<view class="wrap">
		<view class="article-title">{{model.data.noticeTitle}}</view>
		<view class="article-meta">
			{{model.data.createBy}} 发起于 {{model.data.createTime}} </text>
		</view>
		<view class="article-content">
			<u-parse :html="model.data.noticeContent"></u-parse>
			
		</view>
	</view>
</template>
<script>
/**
 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
 */
export default {
	data() {
		return {
			model:{
				data:{}
			}
			
		};
	},
	onLoad(para) {
		var noticeId = para.noticeId;
		this.$u.api.getMobileInfo({noticeId:noticeId}).then(res => {
			  //  console.log(res);
			if (res.code == '200'){
				
				this.model={
					data : res.data
				};
				console.log(this.model);
			
			}else if (res.code == '401'){
				uni.reLaunch({
					url: '/pages/sys/login/index'
				});
			}else{
				this.$u.toast("请登录后重试");
			}
		});
	},
	methods: {
		navTo(url) {
			uni.navigateTo({
				url: url
			});
		}
	}
};
</script>
<style lang="scss">
	
page {
	background-color: #ffffff;
}
.article-title {
	font-size: 40rpx;
	font-weight: 400;
	text-align: left;
	padding-bottom: 10rpx;
	font-weight: bold;
	margin: 30rpx 30rpx 0;
	color: #333333;
}
.article-meta {
	padding: 10rpx 30rpx 30rpx;
	color: #999999;
	border-bottom: 1px solid #ededed;
}
.article-content {
	padding: 30rpx 30rpx 0rpx;
	overflow: hidden;
	font-size: 30rpx;
	line-height: 50rpx;
	/deep/ p {
		margin-bottom: 20rpx;
		text-indent: 60rpx;
	}
	.banner-pic{
		margin: 10px auto;
		text-align: center;
		uni-image{
			width: 300px;
			height: 160px;
			box-shadow:0 3px 10px rgba(0,0,0,0.15);
			
		}
	}
}
.article-foot{
	padding:0 30rpx 20rpx;
	font-size: 26rpx;
	color: #999999;
	.u-icon{
		margin-right: 10px;
	}
}


</style>
